* { 
    padding:0; 
    margin:0; 
    
    } 
    body { 
    font-family:verdana, sans-serif; 
    font-size:14px; 
    background-color:#b9dec9;
    } 
    h3{
        height:24px;
        line-height:24px;
        text-align:center;
        background:-webkit-linear-gradient(white,lightgray);
        background:-o-linear-gradient(white,lightgray);
        background:-moz-linear-gradient(white,lightgray);
        background:linear-gradient(white,lightgray);}
    div{
        margin-top:8px;}
        button{
            letter-spacing:3px;
            height:22px;
            margin:3px;
            padding-left:3px;
            cursor:pointer;
            background:-webkit-linear-gradient(white,lightgray);
            background:-o-linear-gradient(white,lightgray);
            background:-moz-linear-gradient(white,lightgray);
            background:linear-gradient(white,lightray);
            border:1px solid #d3d3d3;}
    
        a{
            color:black;
            text-decoration:none;}
        a:hover{
            color: #e8e8e8;
        }

    /* 下拉表单 */
    #navigation, #navigation li ul { 
    list-style-type:none; 
    } 
   
    #navigation li { 
        
    float:left; 
    text-align:center; 
    position:relative; 
    } 
    #navigation li a:link, #navigation li a:visited { 
    text-align:center; 
    margin-left: 100px;
    border-radius: 3px;
    display:block; 
    text-decoration:none; 
    color:#fff; 
    width:130px; 
    height:70px; 
    line-height:70px; 
    font-size: 22px;
    border:4px solid black; 
    border-width:1.5px 1.5px 1.5px  1.5px; 
    background:#55bb8a; 
    padding-left:10px; 
    } 
    #navigation li a:hover { 
    color:#fff; 
    background:#b0d5df; 
    } 
    #navigation li ul li a:hover { 
    color:#fff; 
    background:#b0d5df;
    } 
    #navigation li ul { 
    display:none; 
    position:absolute; 
    top:70px;
    margin-top:1px; 
    font-size:12px;
    } 

    
    .login_cont{
        padding:0px 10px;}


    #logo
    {
        width: 150px;
            height: 150px;
            margin: 0 auto;
        }
    #header
    {   
        font-size: 35px;
        
    }
    /* 按钮 */


    #container{
        float:center;
        
    }
    
    
    #anniu{
        height: 60px;
        width: 180px;
        border:solid 3px;
        border-radius: 15px;
        color: #000;
        background-color: white;
       float: center;
       
    }
    #anniu:hover{
        color: white;
        
        background-color: #1a6840;
    }

 /* 主体盒子 */
    #container {
        width: 800px;
        /* height: 5000px; */
        background-color: #55bb8a;
        border-radius: 15px;
        margin: 0 auto;
        margin-top: -150px;
        padding: 20px;
    }
    #content h1  { 
        line-height: 1.5em;
    }
    #content h2{
        line-height: 1.5em;
    }
    #content p {
        font-size: large;
    }
    /* 上拉移动效果 */
    .wrap {
        height: 400px;
        width: 700px;
        margin: 30px;
        position: relative;
        overflow: hidden;
    }
    
    .wrap img {
        height: 100%;
    }
    
    .wrap .text {
        width: 700px;
        height: 400px;
       padding-top: 100px;
       color: white;
        padding-right: 10px;
        text-align: center;
        line-height: 5em;
        font-size: medium;
        position: absolute;
        left: 0;
        top: 400px;
        transition: top 1s ease;
        background-color: rgba(0, 0, 0, 0);
    }
    .wrap:hover .text {
        top: 10px;
        width: 700px;
    }
    .wrap:hover img {
        -webkit-filter: blur(5px);
        -moz-filter: blur(5px);
        -ms-filter: blur(5px);
        -o-filter: blur(5px);
        filter: blur(5px);
        filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false);
    }
    
    #fade {
        width: 700px;
        height: 700px;
        margin: 50px 50px;
    }
    
    #fade img {
        margin: 30;
    }
    

    #school {
        margin-top: -300px;
    }
    #down{
        text-align: center;
        margin-top: -300px;
    }
    .box{
        
        margin-left:500px ;
        line-height: 2em;
        font-size: medium;
        text-align:center;
        border:1px solid #e8e8e8;
        width:500px;
        background-color:#ffffff;
        padding:1px;}
        
        #grphoto{
            float: right;
            margin-top: -130px;
          margin-right: 50px;
        }
    